@import './global/reset.scss';
@import './global/animate.scss';

[class*='iconfont'] {
  font-family: 'iconfont' !important;
  font-size: 32px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bg-white {
  background-color: #fff;
}
.bg-light-gray {
  background-color: #f5f8f9;
}
.bg-gray {
  background-color: #F4F5F7;
}

.bg-black {
  background-color: #000000;
}

.pd-in {
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}

.nowrap {
  flex-wrap: nowrap;
}
.ellipsis {
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-wrap: break-all;
}

.ellipsis2 {
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-wrap: break-all;
}

.ellipsis8 {
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 8;
  overflow: hidden;
  word-wrap: break-all;
}

title {
  font-size: 12px;
}

.page {
  display: flex;
  flex-direction: column;
  margin: 0;
  top: 0;
  height: 100%;
  // background-color: #fede34;
  &.screen {
    height: 100vh;
  }
  &-wrap {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    -webkit-overflow-scrolling: none;
    margin: 0;
    &-view {
      overflow: visible;
      // flex: 1;
      // min-height: 0;
      // display: flex;
      // flex-direction: column;
      &::after{
        display: block;
        content:'';
        width: 100%;
        height: 1px;
      }
    }
  }
  .safe-area-inset-bottom {
    width:100%;
    height: constant(safe-area-inset-top);
    height: env(safe-area-inset-top);
  }
}

.cfmoto-picker.van-picker.hairlines {
  .van-picker {
    &__toolbar {
      .van-picker__title {
        font-size: 16px;
        font-weight: 500;
        color: #101010;
      }
      .van-picker__cancel {
        font-size: 16px;
        font-weight: 500;
        color: #6c6c6c;
      }
      .van-picker__confirm {
        font-size: 16px;
        font-weight: 500;
        color: #1350ff;
      }
    }
    &__columns {
      .van-hairline-unset--top-bottom,
      .van-hairline-unset--top-bottom:after {
        border-color: #eaeaea;
      }

      .van-picker-column {
      }
      .van-picker-column__item {
        // padding-top: 18px;
        // padding-bottom: 18px;
        // height: 56px;
        box-sizing: border-box;
        font-size: 16px;

        font-weight: 400;
        color: #6c6c6c;
        &--selected {
          font-size: 16px;
          font-weight: 500;
          color: #000000;
        }
      }
    }
  }
}

.van-toast {
  background: rgba(0, 0, 0, 0.65);
}
